<template>
    <h1>{{message}}</h1>
</template>
<script setup> 
const props = defineProps(['message']);
console.log('setup props',props)
</script>

<script>
export default {
   props:{//接收父组件传递过来的message属性
    message:{
        type:String,//类型是字符串
        default:'world'
    }
  },
  //在setup钩子函数中，第一个参数就是属性对象
  setup(props){
    console.log('props',props)
    //因为props对象的属性本来在模板可以直接访问，所以不需要返回
    return {}
    /* return {
        ...props
    } */
  }
}
</script>